<?php
    session_start();
    if(!isset($_SESSION['usuario'])){
        header('location:../../Inicio.html');
    }
?>
<!DOCTYPE html>
<html>
    <head>
        <title>Administracion</title>
        <script src="jquery-1.9.1.min.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="../css/estilos.css" />
        
        <!-- LIBRERIAS Y CSS PARA LA CREACION DE LA HORA (DATEPICKER) -->
        
        <script type="text/javascript" src="../calendario/datepicker/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="../calendario/datepicker/jquery-ui.min.js"></script>
        <script type="text/javascript" src="../calendario/datepicker/jquery-ui-timepicker-addon.js"></script>
        <script type="text/javascript" src="../calendario/datepicker/jquery-ui-sliderAccess.js"></script>
        <link rel="stylesheet" media="all" type="text/css" href="../calendario/datepicker/jquery-ui.css" />
	<link rel="stylesheet" media="all" type="text/css" href="../calendario/datepicker/jquery-ui-timepicker-addon.css" />
        
        <!--LIBRERIAS PARA LA CREACION DE ALERTAS-->
        <script type="text/javascript" src="../alerts/functions.js"></script>
        <link href="../alerts/style.css" rel="stylesheet">
        <style type="text/css"> 
            #tabs, #ui-datepicker-div, .ui-datepicker{ font-size: 70%; }	
             
         .button {
            /* Round 1 */
            border:1px solid #666;
            cursor:pointer;
            display:block;
            margin:10px auto 0;
            padding:3px;
            text-align:center;
            text-decoration:none;
            width:80px;
            height: 25px;
            /* Round 2 */
            -moz-border-radius:15px;
            -webkit-border-radius:15px;
            background:#20c167;
            background-image:-moz-linear-gradient(top, #20c167, #157f44);
            background-image:-o-linear-gradient(top, #20c167, #157f44);
            background-image:-webkit-gradient(linear, center top, center bottom, from(#20c167), to(#157f44));
            background-image:linear-gradient(top, #20c167, #157f44);
            border-radius:15px;
            color:#FFF;
            font-size:.75em;
            font-weight:bold;
            text-shadow:-1px -1px 0 #444;
          }
          
	</style> 
        
        <script>
            
            $(function(){
                    $('#tabs').tabs();

                    $('.example-container > pre').each(function(i){
                            eval($(this).text());
                    });
            });
            
            function cargarUsuarios(){
                
                var tc = 1;
                
                $.ajax({
                    
                    async: true,
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../controlador/consultas/crudUsuario.php",
                    data: {tc:tc},
                    success: respuestaU,
                    timeout: 4000
                          
                });
                
            }
            
            function respuestaU(datos){
                $("#contenidou").text('');
                rpt = $.parseJSON(datos);
                datos = $("#contenidou");
                var resp = "";
                var con = 0;
                
                resp += "<table style='width:100%'>\
                         ";
                for(r in rpt){
                   
                   /*estado usuarios*/ 
                    var estado = rpt[r].ESTADO;
                    
                    if(estado == 1){
                        var estado2 = /*'<img src="../imagen/activo.png" width="25" height="25" alt="activo"/>'*/'Activo';
                        var che = "checked";
                    }else{
                        estado2 = 'Inactivo';
                        che = "";
                    }
                    
                    resp += "<tr>\
                                <td title='Documento Usuario' id='filas' style='font-size: 75%;text-align:center;'>\
                                    "+ rpt[r].OID +"\
                                </td>\
                                <td ondblclick='usuario("+ r +");' title='Documento Usuario' id='filas' style='font-size: 75%;cursor:pointer;'>\
                                    "+ rpt[r].DOCUMENTO +"\
                                </td>\
                                <td title='Usuario ' id='filas' style='font-size: 75%'>\
                                    "+ rpt[r].NOMBRES + " " + rpt[r].APELLIDOS +"\
                                </td>\
                                <td title='Estado del usuario' id='filas' style='font-size: 75%;text-align:center;'>\
                                    <img onclick='confirmar("+ rpt[r].OID +","+ r +");' style='cursor:pointer;' title='Restaurar contraseña del Usuario "+ rpt[r].NOMBRES + " " + rpt[r].APELLIDOS +"' src='../imagen/restaurar.png' width='20' height='20' alt='restaurar'/>\
                                </td>\
                                <td title='Estado del usuario' id='filas' style='font-size: 75%;text-align:center;'>\
                                    "+ estado2 +"\
                                </td>\
                                <td title='Estado del usuario' id='filas' style='font-size: 75%;text-align:center;'>\
                                    <input "+ che +" type='checkbox' id='cambioe"+ r +"' name='cbcambioe' value='' onclick='activacion("+ rpt[r].OID +","+ r +");'/>\
                                </td>\
                             </tr>\
                             <input type='hidden' id='oid"+ r +"' name='oid' value='"+ rpt[r].OID +"' />\
                             <input type='hidden' id='doc"+ r +"' name='doc' value='"+ rpt[r].DOCUMENTO +"' />\
                             <input type='hidden' id='nom"+ r +"' name='nom' value='"+ rpt[r].NOMBRES +"' />\
                             <input type='hidden' id='ape"+ r +"' name='ape' value='"+ rpt[r].APELLIDOS +"' />\
                             <input type='hidden' id='usu"+ r +"' name='usu' value='"+ rpt[r].USUARIO +"' />\
                             <input type='hidden' id='ser"+ r +"' name='ser' value='"+ rpt[r].SERVICIO +"' />";
                                    
                    /*datos para cargar en el formulario*/
                     
                    
                    con++;
                }
                resp += "</table>";
                
                
                datos.append(resp);
                
            }
            
            function cargarServicio(){
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/servicios.php",
                    success: mostrarSer,
                    timeout: 4000
                });
            }
            
            function mostrarSer(datos){
                rpt = $.parseJSON(datos);
                datos = $("#servicio");
                
                for(dat in rpt ){
                    datos.append("<option value='"+ rpt[dat].OID +"'>"+ rpt[dat].GDPNOMBRE +"</option>");
                }
            }
            
            function insertarUsuario(){
                
                var documento = $("#documento").val();
                var nombres = $("#nombres").val();
                var apellidos = $("#apellidos").val();
                var usuario = $("#usuario").val();
                var clave = $("#clave").val();
                var servicio = $("#servicio").val();
                
                if(documento == ""){
                   userApprove("<h1><br></h1><p>Ingrese el numero de documento</p>", "OK", function() { });
                   $("#documento").focus();
                   return false; 
                }
                if(nombres == ""){
                   userApprove("<h1><br></h1><p>Ingrese el nombres del usuario</p>", "OK", function() { });
                   $("#nombres").focus();
                   return false; 
                }
                if(apellidos == ""){
                   userApprove("<h1><br></h1><p>Ingrese los apellidos del usuario</p>", "OK", function() { });
                   $("#apellidos").focus();
                   return false; 
                }
                
                if(usuario == ""){
                   userApprove("<h1><br></h1><p>Ingrese el nombre de usuario</p>", "OK", function() { });
                   $("#usuario").focus();
                   return false; 
                }
                if(clave == ""){
                   userApprove("<h1><br></h1><p>Ingrese la contraseña</p>", "OK", function() { });
                   $("#clave").focus();
                   return false; 
                }
                if($("#clave2").val() == ""){
                   userApprove("<h1><br></h1><p>Repita la contraseña</p>", "OK", function() { });
                   $("#clave2").focus();
                   return false; 
                }
                if(servicio == "0"){
                   userApprove("<h1><br></h1><p>Seleccione el servicio</p>", "OK", function() { });
                   $("#servicio").focus();
                   return false; 
                }
        
                if(clave !==  $("#clave2").val()){
                   userApprove("<h1><br></h1><p>Las contraseñas no coinciden</p>", "OK", function() { });
                   $("#clave").focus();
                   return false; 
                }
                
                //alert(documento+"-"+nombres+"-"+apellidos+"-"+usuario+"-"+clave+"-"+servicio);
                
                var tc = 2;
                
                $.ajax({
                    async: true,
                    type: "POST",
                    dataType: "json",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../controlador/consultas/crudUsuario.php",
                    data: {documento:documento,nombres:nombres,apellidos:apellidos,usuario:usuario,clave:clave,servicio:servicio,tc:tc},
                    success: mostrarDatos,
                    timeout: 4000
                });
            }
            
            function mostrarDatos(datos){
                
                var condu = datos.mensaje;
                
                if(condu == 1){
                    userApprove("<h1><br></h1><p>El usuario ya esta registrado</p>", "OK", function() { });
                }else{
                
                    document.getElementById("usuario").disabled = false;
                    $("#usuario").attr("value","");
                    $("#contenidou").text("");

                    $('#usua').each (function(){
                      this.reset();
                    });

                    cargarUsuarios();
                
                }
            }
            
            
            function crearUsu(){
                
                $("#usuario").attr("value",$("#documento").val());
                document.getElementById("usuario").disabled = true;
                
            }
            
            function usuario(pos){
                document.getElementById("documento").value = document.getElementById("doc"+pos).value;
                document.getElementById("nombres").value = document.getElementById("nom"+pos).value;
                document.getElementById("apellidos").value = document.getElementById("ape"+pos).value;
                document.getElementById("usuario").value = document.getElementById("usu"+pos).value;
                document.getElementById("servicio").value = document.getElementById("ser"+pos).value;
                document.getElementById("usuario").disabled = true;
                document.getElementById("clave").disabled = true;
                document.getElementById("clave2").disabled = true;
                
                $("#regis").html('<input type="button" class="button" value="Editar" style="font-size: 100%" onclick="editarUsuario();"/>');
                $("#regis2").html('<input type="button" class="button" value="Cancelar" style="font-size: 100%" onclick="cancelar();"/>');
                $("#regis3").html('<input type="hidden" id="oid" name="txtoid" class="button" value="'+ document.getElementById("oid"+pos).value +'" />');
                
            }
            
            function botones(){
                $("#regis").html('<input type="button"  class="button" value="Registrar" style="font-size: 100%" onclick="insertarUsuario();"/>');
                $("#regis2").html('<input type="reset" class="button" value="Limpiar" style="font-size: 100%" onclick="cancelar2();"/>');
                $("#regis3").html('');
            }
            
            function cancelar(){
                $("#regis").html('<input type="button" class="button" value="Registrar" style="font-size: 100%" onclick="insertarUsuario();"/>');
                $("#regis2").html('<input type="reset" class="button" value="Limpiar" style="font-size: 100%" onclick="cancelar2();"/>');
                
                document.getElementById("usuario").disabled = false;
                document.getElementById("clave").disabled = false;
                document.getElementById("clave2").disabled = false;
                $("#usuario").attr("value","");
                
                $('#usua').each (function(){
                  this.reset();
                });
            }
            
            function cancelar2(){
                document.getElementById("usuario").disabled = false;
                $("#usuario").attr("value","");
            }
            
            function editarUsuario(){
                
                var tc = 3;
                var documento = $("#documento").val();
                var nombres = $("#nombres").val();
                var apellidos = $("#apellidos").val();
                var servicio = $("#servicio").val();
                var oid = $("#oid").val();
                
                $.ajax({
                    async: true,
                    type: "POST",
                    dataType: "json",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../controlador/consultas/crudUsuario.php",
                    data: {documento:documento,nombres:nombres,apellidos:apellidos,servicio:servicio,tc:tc,oid:oid},
                    success: resEditar,
                    timeout: 4000
                });
            }
            
            function resEditar(){
                $("#contenidou").text("");
                cargarUsuarios();
            }
            function confirmar(oid,r){
                userApprove("<p>Esta Seguro De Restaurar Contraseña Del Usuario?</p>", "YN", function(result) {if (result) restaurarUsu(oid,r); });
            }
            function restaurarUsu(oid,r){
                
                var doc = document.getElementById("doc"+r).value;
                var tc = 4;
                
                $.ajax({
                    async: true,
                    type: "POST",
                    dataType: "json",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../controlador/consultas/crudUsuario.php",
                    data: {tc:tc,oid:oid,doc:doc},
                    success: restaurar,
                    timeout: 4000
                });
                
            }
            
            function restaurar(datos){
                 userApprove(datos.mensaje, "OK", function() { });
            }
            
            function buscarUsu(){
                
                var doc = $("#doc").val();
                var tc = 5;
                
                if(doc == ""){
                    userApprove("<h1><br></h1><p>Ingrese el numero de documento del usuario que desea consultar</p>", "OK", function() { });
                    $("#doc").focus();
                    return false;
                }
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudUsuario.php",
                    data: {doc:doc,tc:tc},
                    success: respuestaU,
                    timeout: 4000
                });
                
            }
            
            function activacion(oid,pos){
                
                if(document.getElementById("cambioe"+pos).checked == true){
                    var estado = 1;
                }else{
                     estado = 0;
                }
                
                var tc = 6;
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudUsuario.php",
                    data: {oid:oid,tc:tc,estado:estado},
                    success: respuestaA,
                    timeout: 4000
                });
                
            }
            
            function respuestaA(){
                cargarUsuarios();
            }
            
            function rutaimg(){
                document.getElementById("ruta2").innerHTML = '<img src="" width="40" height="40" />';
            }
            
            function banderas(){
                window.open("banderas.php","","width=800,height=420,scrollbars=yes");
                document.getElementById("ruta3").value = "";
            }
            
            function cargarBandera(ruta,des){
                
                document.getElementById("des").value = des;
                document.getElementById("ruta2").innerHTML = '<img src="'+ ruta +'" width="40" height="40" />';
                document.getElementById("ruta3").value = ruta;
            }
            
            function insertarSeleccion(){
                
                var ruta = $("#ruta3").val();
                var descri = $("#des").val();
                var tc = 2;
                
                if(descri == ""){
                    userApprove("<h1><br></h1><p>Ingrese la descripcion de la seleccion</p>", "OK", function() { });
                    $("#des").focus();
                    return false;
                }
                
                if(ruta == ""){
                    userApprove("<h1><br></h1><p>Seleccione la bandera correspondiente</p>", "OK", function() { });
                    $("#ru").focus();
                    return false;
                }
                
                $.ajax({
                    async: true,
                    type: "POST",
                    dataType: "json",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../controlador/consultas/crudSeleccion.php",
                    data: {tc:tc,descri:descri,ruta:ruta},
                    success: respsel,
                    timeout: 4000
                });
                
            }
            
            function respsel(datos){
               // alert(datos.respuesta);
                /*var respuesta = datos.respuesta;
                alert(datos.rutas);
                if(respuesta == 1){
                    alert("La seleccion ya esta registrada");
                }else{*/
                
                    document.getElementById("des").value = "";
                    document.getElementById("ruta3").value = "";
                    document.getElementById("oidsel").value = "";

                    document.getElementById("ruta2").innerHTML = '<img src="" width="40" height="40" />';
                    cargarSel();
                    
                //}
                
            }
            
            function cargarSel(){
                var tc = 1;
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudSeleccion.php",
                    data: {tc:tc},
                    success: selecciones,
                    timeout: 4000
                });
                
            }
            
            function selecciones(datos){
                $("#listase").text("");
                rpt = $.parseJSON(datos);
                var con = 1;
                var resp = "";
                 resp += "<table style='width:100%'>";
                
                for(r in rpt){
                    
                    var estado = rpt[r].ESTADO;
                    
                    if(estado == 1){
                        var estado2 = /*'<img src="../imagen/activo.png" width="25" height="25" alt="activo"/>'*/'Activo';
                        var che = "checked";
                    }else{
                        estado2 = 'Eliminado';
                        che = "";
                    }
                    
                    resp +=('<tr>\
                                <td id="filas3" align="center">\
                                    '+ con +' <input type="hidden" id="oids'+ r +'" name="txtoids" value="'+ rpt[r].OID +'" />\
                                </td>\
                                <td align="center" style="background-color:whitesmoke;">\
                                    <img src="'+ rpt[r].RUTA  +'" width="40" height="25"/>  <input id="r'+r+'" type="hidden" name="txtrut" value="'+ rpt[r].RUTA +'" />\
                                </td>\
                                <td style="cursor:pointer" id="filas3" ondblclick="cargarSele('+ r +');"> <input id="d'+r+'" type="hidden" name="txtdes" value="'+ rpt[r].DESCRIPCION  +'" />\
                                    '+ rpt[r].DESCRIPCION +'\
                                </td>\
                                <td id="filas3">\
                                    '+ estado2 +'\
                                </td>\
                                <td id="filas3">\
                                    <input '+ che +' id="activars'+ r +'" type="checkbox" name="ckeckactivars" value="" onclick="activacions('+ rpt[r].OID +','+ r +');"/>\
                                </td>\
                            </tr>');
                    con++;
                }
                
                resp += "</table>";
                
                $("#listase").append(resp);
                
            }
            
            function botones2(){
                
                $("#regiss").html('<input style="font-size: 100%" type="button" class="button" value="Registrar" onclick="insertarSeleccion();"/>');
                $("#regiss2").html('<input style="font-size: 100%" type="reset" class="button" value="Limpiar" onclick="rutaimg();"/>');
                
            }
            
            function botones3(){
                
                $("#regisp").html('<input style="font-size: 100%" type="button" class="button" value="Registrar" onclick="insertarProg();"/>');
                $("#regisp2").html('<input style="font-size: 100%" type="reset" class="button" value="Limpiar" onclick="cancelp();"/>');
                
            }
            
            function cancelp(){
                
                document.getElementById("equipoA").value = 0;
                document.getElementById("equipoB").value = 0;
                document.getElementById("resA").value = '';
                document.getElementById("resB").value = '';
                document.getElementById("fechae").value = "";
                document.getElementById("oidpro").value = "";
                
                $("#equiA").text('');
                $("#equiB").text('');
                
                botones3();
                
            }
            
            function cargarSele(r){
                
                document.getElementById("des").value = document.getElementById('d'+r).value;
                document.getElementById("ruta3").value = document.getElementById('r'+r).value;
                document.getElementById("oidsel").value = document.getElementById('oids'+r).value;
                
                document.getElementById("ruta2").innerHTML = '<img src="'+ document.getElementById('r'+r).value +'" width="40" height="40" />';
                
                $("#regiss").html('<input style="font-size: 100%" type="button" class="button" value="Editar" onclick="editarSeleccion();"/>');
                $("#regiss2").html('<input style="font-size: 100%" type="reset" class="button" value="Cancelar" onclick="cancelarS();"/>');
            }
            
            function cancelarS(){
                
                $("#regiss").html('<input style="font-size: 100%" type="button" class="button" value="Registrar" onclick="insertarSeleccion();"/>');
                $("#regiss2").html('<input style="font-size: 100%" type="reset" class="button" value="Limpiar" onclick="rutaimg();"/>');
                
                document.getElementById("des").value = "";
                document.getElementById("ruta3").value = "";
                document.getElementById("oidsel").value = "";
                
                document.getElementById("ruta2").innerHTML = '<img src="" width="40" height="40" />';
            }
            
            function editarSeleccion(){
                
                var ruta = $("#ruta3").val();
                var descri = $("#des").val();
                var oids = $("#oidsel").val();
                var tc = 3;
                //alert(ruta +"-"+descri+"-"+oids);
                $.ajax({
                    async: true,
                    type: "POST",
                    dataType: "json",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../controlador/consultas/crudSeleccion.php",
                    data: {tc:tc,descri:descri,ruta:ruta,oids:oids},
                    success: respes,
                    timeout: 4000
                });
                
            }
            
            function respes(){
                cargarSel();
            }
            
            function activacions(oid,pos){
                
                if(document.getElementById("activars"+pos).checked == true){
                    var estado = 1;
                }else{
                     estado = 0;
                }
                
                var tc = 4;
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudSeleccion.php",
                    data: {oid:oid,tc:tc,estado:estado},
                    success: respuestaAs,
                    timeout: 4000
                });
                
            }
            
            function respuestaAs(){;
                cargarSel();
            }
            
            function cargarRes(){
                
                for(var i = 1; i<= 9; i++){
                    $("#resA").append('<option value='+ i +'>'+ i +'</option>');
                }
                
                for(var i = 1; i<= 9; i++){
                    $("#resB").append('<option value='+ i +'>'+ i +'</option>');
                }
                
            }
            
            function cargarSel2(){
                
                var tc = 5;
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudSeleccion.php",
                    data: {tc:tc},
                    success: selecciones2,
                    timeout: 4000
                });
                
            }
            
            function selecciones2(datos){
                
                rpt = $.parseJSON(datos);
                
                for(r in rpt){
                    $("#equipoA").append("<option value='"+ rpt[r].OID +"' >"+ rpt[r].DESCRIPCION +"</option>");
                }
                
                for(r in rpt){
                    $("#equipoB").append("<option value='"+ rpt[r].OID +"' >"+ rpt[r].DESCRIPCION +"</option>");
                }
                
            }
            
            function mostrarBanderaA(){
                
                var equipo = document.getElementById("equipoA"); 
                var selected = equipo.options[equipo.selectedIndex].text; 
                
                $("#equiA").html('<img src="../imagen/banderas/'+ selected +'.png" width="50" height="25" alt="'+ selected +'"/>');
                
            }
            
            function mostrarBanderaB(){
                
                var equipo = document.getElementById("equipoB"); 
                var selected = equipo.options[equipo.selectedIndex].text; 
                
                $("#equiB").html('<img src="../imagen/banderas/'+ selected +'.png" width="50" height="25" alt="'+ selected +'"/>');
                
            }
            
            function insertarProg(){
                
                var tc = 2;
                var sel1 = $("#equipoA").val();
                var sel2 = $("#equipoB").val();
                
                var res1 = $("#resA").val();
                var res2 = $("#resB").val();
                
                var fechaen = document.getElementById("fechae").value;
                
                if(sel1 == 0){
                    userApprove("<h1><br></h1><p>Debe seleccionar el primer equipo</p>", "OK", function() { });
                    $("#equipoA").focus();
                    return false;
                }
                
                if(sel2 == 0){
                    userApprove("<h1><br></h1><p>Debe seleccionar el segundo equipo</p>", "OK", function() { });
                    $("#equipoB").focus();
                    return false;
                }
                
                if(fechaen == 0){
                    userApprove("<h1><br></h1><p>Seleccione la fecha de encuentro</p>", "OK", function() { });
                    $("#fechae").focus();
                    return false;
                }
                
                //alert(sel1+"-"+sel2+"-"+res1+"-"+res2+"-"+fechaen);
                
                $.ajax({
                    async: true,
                    type: "POST",
                    dataType: "json",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../controlador/consultas/crudProgramacion.php",
                    data: {tc:tc,sel1:sel1,sel2:sel2,res1:res1,res2:res2,fechaen:fechaen},
                    success: respuestap,
                    timeout: 4000
                });
                
            }
            
            function respuestap(datos){
                var res= datos.respuesta;
                if(res == 1){
                    userApprove("<h1><br></h1><p>Esta programacion ya se encuentra registrada</p>", "OK", function() { });
                }else if(res == 0){
                    document.getElementById("equipoA").value = 0;
                    document.getElementById("equipoB").value = 0;
                    document.getElementById("resA").value = 0;
                    document.getElementById("resB").value = 0;
                    document.getElementById("fechae").value = "";

                    $("#equiA").text('');
                    $("#equiB").text('');

                    cargarProg();
                }else if(res == 2){
                    alert("error");
                }
                
            }
            
            function cargarProg(){
                
                var tc = 1;
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudProgramacion.php",
                    data: {tc:tc},
                    success: tablaProg,
                    timeout: 4000
                });
                
            }
            
            function tablaProg(datos){
                $("#progra").text("");
                rpt = $.parseJSON(datos);
                var resp = "";
                
                resp += "<table style='width:100%;'>";
                for(r in rpt){
                    
                    var estado = rpt[r].ESTADO;
                    
                    if(estado == 1){
                        var estado2 = /*'<img src="../imagen/activo.png" width="25" height="25" alt="activo"/>'*/'Jugado';
                        var che = "checked";
                    }else{
                        estado2 = 'En juego';
                        che = "";
                    }
                
                    resp += '<tr>\
                                <td ondblclick="cargarP('+ r +','+ rpt[r].OID  +','+ rpt[r].RESULTADO +','+ rpt[r].RESULTADO2 +','+ rpt[r].oide1 +','+ rpt[r].oide2 +');" style="cursor:pointer" id="filas" title="Codigo programacion">\
                                    '+ rpt[r].OID +'\
                                </td>\
                                <td id="filas" title="Nombre seleccion"> <input type="hidden" name="txtequipo1" value="'+ rpt[r].equi1 +'"  id="equipo1'+ r +'"/>\
                                    '+ rpt[r].equi1 +'\
                                </td>\
                                <td id="filas" title="Bandera seleccion">\
                                    <img src="../imagen/banderas/'+ rpt[r].equi1 +'.png" width="25" height="20" alt="Ghana"/>\
                                </td>\
                                 <td id="filas" title="Goles">\
                                    '+ rpt[r].RESULTADO +'\
                                </td>\
                                <td id="filas" >\
                                    VS\
                                </td>\
                                <td id="filas" title="Goles">\
                                    '+ rpt[r].RESULTADO2 +'\
                                </td>\
                                <td id="filas" title="Bandera seleccion">\
                                    <img src="../imagen/banderas/'+ rpt[r].equi2 +'.png" width="25" height="20" alt="Ghana"/>\
                                </td>\
                                <td id="filas" title="Nombre seleccion"> <input type="hidden" name="txtequipo1" value="'+ rpt[r].equi2 +'"  id="equipo2'+ r +'"/>\
                                    '+ rpt[r].equi2 +'\
                                </td>\
                                <td id="filas" title="Fecha de encuentro"> \
                                    '+ rpt[r].FECHA +' <input type="hidden" name="txtfechae" value="'+ rpt[r].FECHA +'"  id="fe'+ r +'"/>\
                                </td>\
                                <td id="filas" title="Estado encuentro">\
                                    '+ estado2 +'\
                                </td>\
                                <td id="filas" title="">\
                                    <input '+ che +' type="checkbox" id="estadop'+ r +'" name="cbestadop" value="ON" onclick="activacionp('+ rpt[r].OID +','+ r +');"/>\
                                </td>\
                             </tr>';
                }
                resp += "</table>";
                $("#progra").append(resp);
            }
            
            function cargarP(pos,oid,res1,res2,oide1,oide2){
                
                document.getElementById("equipoA").value = oide1;
                document.getElementById("equipoB").value = oide2;
                document.getElementById("oidpro").value = oid;
                document.getElementById("resA").value = res1;
                document.getElementById("resB").value = res2;
                document.getElementById("fechae").value = document.getElementById("fe"+pos).value;
                
                $("#equiA").html('<img src="../imagen/banderas/'+ document.getElementById("equipo1"+pos).value +'.png" width="50" height="25" alt=""/>');
                $("#equiB").html('<img src="../imagen/banderas/'+ document.getElementById("equipo2"+pos).value +'.png" width="50" height="25" alt=""/>');
                
                
                $("#regisp").html('<input style="font-size: 100%" type="button" class="button" value="Editar" onclick="editarProg();"/>');
                $("#regisp2").html('<input style="font-size: 100%" type="reset" class="button" value="Cancelar" onclick="cancelp();"/>');
                
            }
            
            function editarProg(){
                
                var tc = 3;
                var sel1 = $("#equipoA").val();
                var sel2 = $("#equipoB").val();
                
                var res1 = $("#resA").val();
                var res2 = $("#resB").val();
                
                var fechaen = document.getElementById("fechae").value;
                var oidp = document.getElementById("oidpro").value;
                
                //alert(sel1+"-"+sel2+"-"+res1+"-"+res2+"-"+fechaen);
                
                $.ajax({
                    async: true,
                    type: "POST",
                    dataType: "json",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../controlador/consultas/crudProgramacion.php",
                    data: {tc:tc,sel1:sel1,sel2:sel2,res1:res1,res2:res2,fechaen:fechaen,oidp:oidp},
                    success: respuestap2,
                    timeout: 4000
                });
                
            }
            
            function respuestap2(datos){
                cargarProg();
            }
            
            function activacionp(oid,pos){
                if(document.getElementById("estadop"+pos).checked == true){
                    var estado = 1;
                }else{
                     estado = 0;
                }
                
                var tc = 4;
                
                $.ajax({
                    type: "POST",
                    datatype: "json",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudProgramacion.php",
                    data: {oid:oid,tc:tc,estado:estado},
                    success: function respuestaAp(datos){
                                    cargarProg();
                                    mostrarPolla(oid);
                                }
                });
                
            }
            
            (function(a){a.fn.validCampoFranz=function(b)
                {a(this).on({keypress:function(a)
                        {var c=a.which,d=a.keyCode,e=String.fromCharCode(c).toLowerCase(),f=b;(-1!=f.indexOf(e)||9==d||37!=c&&37==d||39==d&&39!=c||8==d||46==d&&46!=c)&&161!=c||a.preventDefault()}})}})(jQuery);

            $(function(){
                //Para escribir solo letras
                //$('#nombres').validCampoFranz(' abcdefghijklmnÃ±opqrstuvwxyzÃ¡Ã©iou');
                //$('#apellidos').validCampoFranz(' abcdefghijklmnÃ±opqrstuvwxyzÃ¡Ã©iou');

                //Para escribir solo numeros    
                $('#resA').validCampoFranz('0123456789');
                $('#resB').validCampoFranz('0123456789');
                //$('#').validCampoFranz('abcdefghijklmnÃ±opqrstuvwxyzÃ¡Ã©iou');
                //$('#').validCampoFranz('0123456789');

            });
            
            
            function cargarUsuariop(){
                
                var tc = 7;
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudUsuario.php",
                    data: {tc:tc},
                    success: respuestaUP,
                    timeout: 4000
                });
                
            }
            
            function respuestaUP(datos){
                
                rpt = $.parseJSON(datos);
                
                var resp = "";
                
                resp += "<table style='width:100%;font-size:60%'>\
                           <tr id='titulos'>\
                                <td>\
                                    <strong>Pos</strong>\
                                </td>\
                                <td>\
                                    <strong>Nombres</strong>\
                                </td>\
                                <td>\
                                    <strong>Servicio</strong>\
                                </td>\
                                <td>\
                                    <strong>Pollas Jugadas</strong>\
                                </td>\
                                <td>\
                                    <strong>Pollas Acertadas 10pt</strong>\
                                </td>\
                                <td>\
                                    <strong>Pollas Acertadas 8pt</strong>\
                                </td>\
                                <td>\
                                    <strong>Pollas Acertadas 6pt</strong>\
                                </td>\
                                <td>\
                                    <strong>Pollas Acertadas 2pt</strong>\
                                </td>\
                                <td>\
                                    <strong>Puntos Polla</strong>\
                                </td>\
                            </tr>";
                var temp = 0;
                var pos = 0;
                var con = 1;
                for(r in rpt){
                    
                        resp += '<tr>\
                                     <td id="filas3" title="">\
                                        '+ con +'\
                                    </td>\
                                    <td id="filas3" title="">\
                                        '+ rpt[r].nombres +'\
                                    </td>\
                                    <td id="filas3" title="">\
                                        '+ rpt[r].GDPNOMBRE +'\
                                    </td>\
                                     <td id="filas3" title="">\
                                        '+ rpt[r].pja6 +'\
                                    </td>\
                                    <td id="filas3" title="">\
                                        '+ rpt[r].pja2 +'\
                                    </td>\
                                    <td id="filas3" title="">\
                                        '+ rpt[r].pja3 +'\
                                    </td>\
                                    <td id="filas3" title="">\
                                        '+ rpt[r].pja4 +'\
                                    </td>\
                                    <td id="filas3" title="">\
                                        '+ rpt[r].pja5 +'\
                                    </td>\
                                    <td id="filas3" title="">\
                                        '+ rpt[r].PUNTAJE +'\
                                    </td>\
                                 </tr>';
                    con++;
                }
                
                resp += "</table>";
                $("#cju").append(resp);
            }
            
            
            function mostrarPolla(oid){
                var tc = 4;
                var oidpro = oid;
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudPolla.php",
                    data: {tc:tc,oidpro:oidpro},
                    success: pollas,
                    timeout: 4000
                });
                
            }
            
            function pollas(datos){
                rpt = $.parseJSON(datos);
                
                for(r in rpt){
                    
                     var estadop = rpt[r].estadop; 
                     var respro1 =  rpt[r].resp1;
                     var respro2 =  rpt[r].resp2;
                     var respol1 =  rpt[r].respo1;
                     var respol2 =  rpt[r].respo2;
                     var oidpun  =  rpt[r].codigopuntuacion;
                     var oidpolla = rpt[r].oidp;
                     
                    if(estadop == 1){
                        var puntos1 = 0;
                        var puntos2 = 0;
                        var puntos3 = 0;
                        var puntos4 = 0;
                        var puntos5 = 0;
                        var total = 0;
                        //var suma = 0;
                        
                        if(respro1 > respro2 && respol1 > respol2){
                            puntos1 = 6;
                            //alert(puntos1);
                        }else{
                            puntos1 = 0;
                            //alert(puntos1);
                        }
                        
                        if(respro1 < respro2 && respol1 < respol2){
                            puntos5 = 6;
                            //alert(puntos1);
                        }else{
                            puntos5 = 0;
                            //alert(puntos1);
                        }
                        
                        
                        
                        if(respro1 == respro2 && respol1 == respol2){
                            puntos2 = 6;
                            //alert(puntos2);
                        }else{
                            puntos2 = 0;
                        }
                        
                        
                        if(respro1 == respol1){
                            puntos3 = 2;
                            //alert(puntos3);
                        }else{
                            puntos3 = 0;
                            //alert(puntos3);
                        }
                        
                        
                        
                        if(respro2 == respol2){
                            puntos4 = 2;
                            //alert(puntos4);
                        }else{
                            puntos4 = 0;
                            //alert(puntos4);
                        }
                        
                        total = parseInt(puntos1)+parseInt(puntos2)+parseInt(puntos3)+parseInt(puntos4)+parseInt(puntos5);
                        
                        puntuacion(total,oidpun,oidpolla);
                        
                    }else{
                        puntos1 = 0;
                        puntos2 = 0;
                        puntos3 = 0;
                        puntos4 = 0;
                        puntos5 = 0;
                        total = 0;
                        
                    }
                    
                    
                    
                }
                
            }
            
            function puntuacion(total,oidp,oidpolla){
                
                var tc = 2;
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Controlador/consultas/crudPuntuacion.php",
                    data: {tc:tc,total:total,oidp:oidp,oidpolla:oidpolla},
                    timeout: 4000
                });
                
            }
            
        </script>
        
    </head>
    <body onload="cargarUsuariop();cargarProg();cargarSel2();cargarRes();botones();cargarUsuarios();rutaimg();cargarSel();botones2();botones3();cargarServicio();">
        <table id="contenido" align="center">
            <tr>
                <td>
                    <!--<img style="margin-top: -11px;" src="../imagen/BANNERSES.png" width="100%" height="125" alt="BANNERSES"/>-->
                </td>
            </tr>
            <tr>
                <td align="right">
                    <table style="margin-right: 1px">
                        <tr>
                            <td>
                                <label style="font-size: 95%;"><?php echo$_SESSION['nombres'] ?></label>
                            </td>
                            <td>
                                <a href="../../Controlador/consultas/cerrarSesion.php"><img title="Cerrar Sesion" src="../imagen/logout.png" width="20" height="20" alt="logout"/></a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <div class="tabs" align="center">
            <div class="tab">
                <input type="radio" id="tab-1" name="tab-group-1" checked>
                <label for="tab-1">ADMINISTRACION</label>
                <div class="content">  
                    <center>
                         <div id="scroll">
                             <div id="dat">
                                 <table align="left">
                                     <tr>
                                         <td>
                                             <form id="usua">
                                                 <table id="rusuarios" style="font-size: 75%" >
                                                     <tr>
                                                         <td align="center" colspan="8" style="border-radius: 5px;background-color: whitesmoke;">
                                                             REGISTRO DE USUARIOS
                                                         </td>
                                                     </tr>
                                                     <tr>
                                                         <td>
                                                             <table id="tusu">
                                                                 <tr>
                                                                     <td>
                                                                         Documento:
                                                                     </td>
                                                                     <td>
                                                                         <input id="documento" type="text" name="txtDocumento" value="" style="font-size: 100%" onchange="crearUsu();"/>
                                                                     </td>
                                                                     <td></td>
                                                                     <td>
                                                                         Nombres:
                                                                     </td>
                                                                     <td>
                                                                         <input id="nombres" type="text" name="txtNombres" value="" style="font-size: 100%"/>
                                                                     </td>
                                                                     <td>
                                                                     </td>
                                                                     <td>
                                                                         Apellidos:
                                                                     </td>
                                                                     <td>
                                                                         <input id="apellidos" type="text" name="txtApellidos" value="" style="font-size: 100%"/>
                                                                     </td>
                                                                 </tr>
                                                                 <tr>
                                                                     <td>
                                                                         Usuario:
                                                                     </td>
                                                                     <td>
                                                                         <input id="usuario" type="text" name="txtUsuario" value="" style="font-size: 100%"/>
                                                                     </td>
                                                                     <td></td>
                                                                     <td>
                                                                         Contraseña:
                                                                     </td>
                                                                     <td>
                                                                         <input id="clave" type="password" name="txtClave" value="" style="font-size: 100%"/>
                                                                     </td>
                                                                     <td>
                                                                     </td>
                                                                     <td>
                                                                         Repita Contraseña:
                                                                     </td>
                                                                     <td>
                                                                         <input id="clave2" type="password" name="txtClave2" value="" style="font-size: 100%"/>
                                                                     </td>
                                                                 </tr>
                                                                 <tr>
                                                                     <td>
                                                                         Servicio:
                                                                     </td>
                                                                     <td>
                                                                         <select name="cbServicio" id="servicio" style="font-size: 100%; width: 140px">
                                                                             <option value="0">Seleccione</option>
                                                                         </select>
                                                                     </td>
                                                                     <td></td>
                                                                     <td>
                                                                         <div id="regis">
                                                                             
                                                                         </div>
                                                                     </td>
                                                                     <td>
                                                                         <table>
                                                                             <tr>
                                                                                 <td>
                                                                                     <div id="regis2"></div>
                                                                                 </td>
                                                                                 <td>
                                                                                     <div id="regis3"></div>
                                                                                 </td>
                                                                             </tr>
                                                                         </table>
                                                                     </td>
                                                                 </tr>
                                                             </table>
                                                         </td>
                                                     </tr>
                                                 </table>
                                             </form>
                                             <table id="rusuarios2">
                                                 <tr>
                                                     <td align="center" style="font-size: 75%;border-radius: 5px;background-color: whitesmoke;" colspan="4">
                                                         LISTA DE USUARIOS 
                                                     </td>
                                                 </tr>
                                                 <tr>
                                                     <td colspan="4" style="border: firebrick">
                                                         <table id="conte">
                                                             <tr>
                                                                 <td>
                                                                     <div id="contenidou">
                                                             
                                                                     </div>
                                                                 </td>
                                                             </tr>
                                                         </table>
                                                     </td>
                                                 </tr>
                                             </table>
                                             <table id="botoneria">
                                                 <tr>
                                                     <td>
                                                         <table style="font-size: 75%">
                                                             <tr>
                                                                 <td>
                                                                     Documento
                                                                 </td>
                                                                 <td>
                                                                     <input style="font-size: 100%;width: 95%" id="doc" type="text" name="txtDoc" value="" />
                                                                 </td>
                                                                 <td>
                                                                     <img onclick="buscarUsu();" style="cursor: pointer;" title="Buscar usuario" src="../imagen/buscar.jpg" width="20" height="20" alt="Lupa"/>
                                                                 </td>
                                                                 <td>
                                                                     <img onclick="cargarUsuarios();document.getElementById('doc').value = '';" style="cursor: pointer;" title="Buscar usuario" src="../imagen/recargar2.png" width="20" height="20" alt="Lupa"/>
                                                                 </td>
                                                             </tr>
                                                         </table>
                                                     </td>
                                                 </tr>
                                             </table>
                                         </td>
                                         <td>
                                             <table id="seleccion"  style="height: 110px;font-size: 75%">
                                                 <tr>
                                                     <td align="center" colspan="2" style="background-color: whitesmoke;border-radius: 5px;background-color: whitesmoke;">
                                                        REGISTRO DE SELECCION
                                                     </td>
                                                 </tr>
                                                 <tr>
                                                     <td style="width: 10px">
                                                         <form>
                                                            <table>
                                                                <tr>
                                                                    <td>
                                                                        <input placeholder="Descripcion" id="des" type="text" name="txtDes" value="" />
                                                                    </td>
                                                                    <td align="left">
                                                                        <div id="ruta"></div><img id="ru" onclick="banderas();" style="cursor: pointer;" src="../imagen/lista.png" width="50" height="50" alt="lista"/>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="center" colspan="2" style="height: -10px">
                                                                        <div id="ruta2">
                                                                        </div>
                                                                        <input type="hidden" id="ruta3" name="txtruta3" value="" />
                                                                        <input type="hidden" id="oidsel" name="txtruta3" value="" />
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td colspan="2" align="center">
                                                                        <table>
                                                                            <tr>
                                                                                <td>
                                                                                    <div id="regiss">
                                                                                        
                                                                                    </div>
                                                                                </td>
                                                                                <td>
                                                                                    <div id="regiss2">
                                                                                        
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                         </form>
                                                     </td>
                                                     <td>
                                                         <table id="selec">
                                                             <tr>
                                                                 <td>
                                                                     <div id="listase">
                                                                         
                                                                     </div>
                                                                 </td>
                                                             </tr>
                                                         </table>
                                                     </td>
                                                 </tr>
                                             </table>
                                             <form>
                                                <table id="progr" style="font-size: 75%;">
                                                    <tr>
                                                        <td align="center" colspan="5" style="margin: 10px;background-color: whitesmoke;border-radius: 5px;background-color: whitesmoke;">
                                                            PROGRAMACION DE PARTIDOS
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <table style="width: 100%" >
                                                                <tr>
                                                                    <td align="center">
                                                                        <input type="hidden" name="txtoidpro" value="" id="oidpro"/>
                                                                        <select style="font-size: 90%;" name="cbequipoA" id="equipoA" onchange="mostrarBanderaA();">
                                                                            <option value="0">-- SELECCIONES-- </option>
                                                                        </select>
                                                                        <!--<select style="font-size: 85%;" name="cbresultadoA" id="resA">
                                                                            <option value="0">0</option>-->
                                                                        <input type="text" name="txtresultadoA" value="" id="resA" style="width: 8%; height: 80%; padding: 1px" maxlength="2"/>
                                                                        </select>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                        <td align="center">
                                                            <div id="equiA" style="height:30px;background-color:whitesmoke; " >

                                                            </div>
                                                        </td>
                                                        <td align="center">
                                                            VS
                                                        </td>
                                                        <td align="center">
                                                            <div id="equiB" style="height:30px;background-color:whitesmoke;">

                                                            </div>
                                                        </td>
                                                        <td>
                                                            <table style="width: 100%" >
                                                                <tr>
                                                                    <td align="center">
                                                                        <input type="text" name="txtresultadoB" value="" id="resB" style="width: 8%; height: 80%; padding: 1px" maxlength="2"/>
                                                                        <select style="font-size: 90%;" name="cbequipoB" id="equipoB" onchange="mostrarBanderaB();">
                                                                            <option value="0">-- SELECCIONES-- </option>
                                                                        </select>
                                                                        <!--<select style="font-size: 85%;" name="cbresultadoB" id="resB">
                                                                            <option value="0">0</option>-->
                                                                        </select>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan='5' align='center'>
                                                            <div class="example-container">
                                                                <div>
                                                                    <input style="font-size: 90%" placeholder='FECHA ENCUENTRO' type="text" name="basic_example_4[]" id="fechae" value="" />
                                                                </div>					
                                                                <pre style="display: none">
                                                                $('#fechae').datetimepicker({
                                                                        timeFormat: "hh:mm tt"
                                                                });
                                                                </pre>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="5" align="center">
                                                            <table>
                                                                <tr>
                                                                    <td>
                                                                        <div id="regisp">
                                                                
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div id="regisp2">
                                                                
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="5">
                                                            <table  id="seleccion2">
                                                                <tr>
                                                                    <td>
                                                                        <div style="overflow-y: scroll;height: 160px;" id="progra"> </div>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                             </form>
                                         </td>
                                     </tr>
                                 </table>
                             </div>
                         </div>
                         <div id="scroll2">
                             <div align="left">
                             </div>
                         </div>
                 </center> 
                </div>
            </div>
            <div class="tab">
                <input type="radio" id="tab-2" name="tab-group-1">
                <label for="tab-2">REPORTE</label>
                <div class="content">
                    <center>
                         <div id="scroll">
                             <div id="dat2">
                                 <table id="turs">
                                     <tr>
                                         <td>
                                             <table id="turs2">
                                                 <tr>
                                                     <td>
                                                         <tr>
                                                             <td align='center' style="margin-bottom: 300px;">
                                                                 <strong>TABLA DE POSICIONES</strong>
                                                             </td>
                                                         </tr>
                                                         <tr>
                                                             <td>
                                                                 <div id="cju">
                                                                     
                                                                 </div>
                                                             </td>
                                                         </tr>
                                                     </td>
                                                 </tr>
                                             </table>
                                         </td>
                                     </tr>
                                 </table>
                             </div>
                         </div>
                    </center>
                </div>
            </div>
         </div>
        <div id="alertcontainer">
           <div id="alertbg"></div>
               <div id="messagefg">
                    <div align="center">
                            <div></div>
                    </div>
                </div>
        </div>
    </body>
</html>